
#area {
	width: 400px;
	height: 400px;
	margin: auto;
}

#controller {
	margin: 10px;
}

.text-center {
	text-align: center;
}

.item {
	display: inline-block;
	box-sizing: border-box;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	vertical-align: top;
	border: 1px solid #eee;
	box-shadow: inset 0 0 1px 0px #eee;
}

.item.hidden {
	background: rgb(216, 210, 210);
	box-shadow: none;
}

.item.num {
	
}

.item.lei {
	background: #fe7878;
}

.item.tag {
	background: #fcddaa;
}

.item.tag.wrong {
	background: #6e6a63;
	color: #fe7878;
}

.item.hidden:active {
	box-shadow: inset 2px 2px #b3b3b3;
}
.item.hidden:hover {
	cursor: pointer;
}